<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<meta name="format-detection" content="telephone=no, address=no, email=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="x5-orientation" content="portrait">
	<title>途冠箱包蓝爵士专卖店</title>
	<link href="../lib/weui/weui.min.css" rel="stylesheet">
	<link href="../css/style.css" rel="stylesheet">
	<link href="../css/index.css" rel="stylesheet">
	
</head>
<body>
<div class="small_page">
	<div class="small_head">
		<div class="go-back"></div>
		<div class="head-title">途冠箱包蓝爵士专卖店</div>
		<div class="tool-box"><img src="../images/more-ico.png" style="width:.8rem;"></div>
	</div>
	<div class="small_body">
		<div class="warp-pages">
			<div class="dian-name tc">途冠箱包蓝爵士专卖店</div>
			<div class="dian-bg"><img src="../images/dian-640-200.jpg"></div>
			<div class="weui-flex small-flex">
				<div class="weui-flex__item">
					<div class="placeholder bor-r">销量</div>
				</div>
				<div class="weui-flex__item">
					<div class="placeholder bor-r">时间</div>
				</div>
				<div class="weui-flex__item">
					<div class="placeholder bor-r">人气</div>
				</div>
				<div class="weui-flex__item">
					<div class="placeholder bor-r">价格</div>
				</div>
			</div>
			<div class="weui-grids small-grids">
				<a href="javascript:;" class="weui-grid no-end">
					<div class="small-grid">
						<div class="weui-grid__icon">
							<img src="../images/por01.jpg" alt="">
						</div>
						<h5>【途冠箱包】新复古潮流女包口</h5>
						<p>￥69.00</p>
					</div>
				</a>
				<a href="javascript:;" class="weui-grid no-end">
					<div class="small-grid">
						<div class="weui-grid__icon">
							<img src="../images/por01.jpg" alt="">
						</div>
						<h5>【途冠箱包】新复古潮流女包口</h5>
						<p>￥69.00</p>
					</div>
				</a>
				<a href="javascript:;" class="weui-grid no-end">
					<div class="small-grid">
						<div class="weui-grid__icon">
							<img src="../images/por01.jpg" alt="">
						</div>
						<h5>【途冠箱包】新复古潮流女包口</h5>
						<p>￥69.00</p>
					</div>
				</a>
				<a href="javascript:;" class="weui-grid no-end">
					<div class="small-grid">
						<div class="weui-grid__icon">
							<img src="../images/por01.jpg" alt="">
						</div>
						<h5>【途冠箱包】新复古潮流女包口</h5>
						<p>￥69.00</p>
					</div>
				</a>
			</div>
		</div>
	</div>
	 <div class="small_foot">
		<div class="foot-tab">
			<a href="#" class="item01"><i></i>我的小店</a>
			<a href="#" class="item02"><i></i>分类</a>
			<a href="#" class="item03"><i></i>购物车</a>
			<a href="#" class="item04"><i></i>我的订单</a>
			<a href="#" class="item05"><i></i>个人中心</a>
		</div>
	</div> 
	
</div>


</body>
<script src="../lib/jquery/jquery-1.10.1.min.js"></script>
<script src="../js/comm.js"></script>
<script>
	$(function(){
		$(".small-flex").on("click",".placeholder",function(){
			var flas = $(this).is(".active");
			console.log(flas);
			if(flas){
				$(this).removeClass("active");
			}else{
				$(this).addClass("active");
			}
			
		})
	})
</script>

</html>